<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>会约会</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="assets/i/favicon.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <link rel="stylesheet" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
	  <header data-am-widget="header"
          class="am-header am-header-default">
      <h1 class="am-header-title">
          <img src="http://s.amazeui.org/media/i/brand/amazeui-cw.png" />
      </h1>
  </header>
	
	<div class="slider-img-padding-1">
		<div>
			<h3>
				今日推荐<span class="titlebar-smalltitle">每天告诉你今日该约会的地方</span>
				<span class="index-num"><i>1/7</i></span>
				
			</h3>
			
			
		</div>
		<div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{&quot;animation&quot;:&quot;slide&quot;,&quot;slideshow&quot;:false}' >
	  <ul class="am-slides">
	  	<li>
	  		<img src="http://s.amazeui.org/media/i/demos/bing-1.jpg">
	  		<div class="am-slider-desc">标题0</div>
	  	</li>
	  	<li>
	  		<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">
	  		<div class="am-slider-desc">标题1</div>
	  	</li>
	  	<li>
	  		<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">
	  		<div class="am-slider-desc">标题2</div>
	  	</li>
	  	<li>
	  		<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
	  		<div class="am-slider-desc">标题3</div>
	  	</li>
	  	<li>
	  		<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
	  		<div class="am-slider-desc">标题3</div>
	  	</li>
	  	<li>
	  		<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
	  		<div class="am-slider-desc">标题3</div>
	  	</li>
	  	<li>
	  		<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
	  		<div class="am-slider-desc">标题3</div>
	  	</li>
	  	
	  </ul>
		</div>
	</div>
	<hr data-am-widget="divider" style="" class="am-divider am-divider-dotted" />
	<div>
		<p class="titlebar-smalltitle mid">懂吃、会选、有格调</p>
		<ul class="am-avg-sm-4 boxes">
			<li class="am-avg-sm-4-padding mid-padding"><img class="am-thumbnail mid-padding" src="images/mid1.jpg" alt="中餐" /></li>
			<li class="am-avg-sm-4-padding mid-padding"><img class="am-thumbnail mid-padding" src="images/mid2.jpg" alt="西餐" /></li>
			<li class="am-avg-sm-4-padding mid-padding"><img class="am-thumbnail mid-padding" src="images/mid3.jpg" alt="自助餐" /></li>
			<li class="am-avg-sm-4-padding mid-padding"><img class="am-thumbnail mid-padding" src="images/mid4.jpg" alt="爱心餐" /></li>
		</ul>
	</div>
	
	<hr data-am-widget="divider" style="" class="am-divider am-divider-dotted" />
	
	<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" >
	    <h2 class="am-titlebar-title ">
	        美食指南<span class="titlebar-smalltitle"><i>告诉你最近有什么好吃的餐厅</i></span>
	    </h2>
	    <nav class="am-titlebar-nav">
	        <a href="#more" class="">more &raquo;</a>
	    </nav>
	</div>
	<div class="slider-img-padding-2">
		 <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{&quot;animation&quot;:&quot;slide&quot;,&quot;animationLoop&quot;:false,&quot;itemWidth&quot;:200,&quot;itemMargin&quot;:5}' >
		 	<ul class="am-slides">
      <li>
        	<img src="http://s.amazeui.org/media/i/demos/bing-1.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
      <li>
        	<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
      <li>
        	<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
      <li>
        	<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
      <li>
        	<img src="http://s.amazeui.org/media/i/demos/bing-1.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
      <li data-thumb="http://s.amazeui.org/media/i/demos/bing-2.jpg">
        	<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
      <li>
        	<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
      <li>
        	<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
         <div class="am-slider-desc">远方</div>
      </li>
		 	</ul>
		 </div>
	</div>
	

	<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
			<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" >
	    <h2 class="am-titlebar-title ">
	        专题精选<span class="titlebar-smalltitle"><i>美食编辑为你推荐各式好味</i></span>
	    </h2>
	    <nav class="am-titlebar-nav">
	        <a href="#more" class="">more &raquo;</a>
	    </nav>
	</div>
  <div class="am-list-news-bd">
  <ul class="am-list">
     <!--缩略图在标题左边-->
      <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
        <div class="am-u-sm-4 am-list-thumb">
          <a href="http://www.douban.com/online/11614662/" class="">
            <img src="http://s.amazeui.org/media/i/demos/bing-2.jpg" alt="我很囧，你保重....晒晒旅行中的那些囧！"/>
          </a>
        </div>

        <div class=" am-u-sm-8 am-list-main">
            <h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11614662/" class="">我很囧，你保重....晒晒旅行中的那些囧！</a></h3>

            <div class="am-list-item-text">囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！</div>

        </div>
      </li>
      <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
        <div class="am-u-sm-4 am-list-thumb">
          <a href="http://www.douban.com/online/11624755/" class="">
            <img src="http://s.amazeui.org/media/i/demos/bing-1.jpg" alt="我最喜欢的一张画"/>
          </a>
        </div>

        <div class=" am-u-sm-8 am-list-main">
            <h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/" class="">我最喜欢的一张画</a></h3>
            <div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

        </div>
      </li>
    </ul>
  </div>
    </div>
	
	
	  <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">

    <div class="am-footer-miscs ">

          <p>由 AfenG提供技术支持</p>
        <p>CopyRight©2016  AllMobilize Inc.</p>
        <p>京ICP备13033158</p>
    </div>
  </footer>
	
	
	<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default am-no-layout" id="">
		<ul class="am-navbar-nav am-cf am-avg-sm-4 ">
			<li>
				<a href="index.html" class="">
					<svg class="icon" aria-hidden="true">
					  <use xlink:href="#icon-tubiaozhizuomoban-"></use>
					</svg>
					<span class="am-navbar-label">会美食</span>
				</a>
			</li>
			<li>
				<a href="live.html" class="">
					<svg class="icon" aria-hidden="true">
					  <use xlink:href="#icon-shiwuqimin"></use>
					</svg>
					<span class="am-navbar-label">会生活</span>
				</a>
			</li>
			<li>
				<a href="my.html" class="">
				<svg class="icon" aria-hidden="true">
					  <use xlink:href="#icon-shiwuqimin1"></use>
					</svg> 
					<span class="am-navbar-label">我的</span>
				</a>
			</li>
		</ul>
	</div>
	

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
</body>
</html>